<style lang="less" scoped>

    .wx-index{
        height: 100%;
        background-color: #e3e5e6;
    }

    .wx-head{
        height: 3rem;
        border-bottom: 1px solid #e5e5e5;
        position: absolute;
        width: 100%;
        top: 0;
        text-align: center;
        line-height: 3rem;
    }

    .wx-content{
        overflow: hidden;
        width: 100%;
        position: absolute;
        bottom: 4rem;
        top: 3rem;
        ul{
            height: 100%;
            width:400%;
            li{
                display: inline-block;
                border-radius: .1rem;
                height: 97%;
                width: 23%;
                margin: 0 1%;
                background-color:#fff;
            }
        }
    }

    .wx-foot{
        position: absolute;
        width: 100%;
        height: 4rem;
        background-color: #f8fafb;
        bottom: 0;
        ul{
            display: flex;
            height: 4rem;
            li{
               width: 25%;
               
               a{
                   p{
                       margin-top: -0.8rem;
                   }
               }
            }
        }
    }

</style>
<template>

<div class="wx-index">
    <header class="wx-head">
            发现
    </header>
    <div class="wx-content">
       
    </div>
    <footer class="wx-foot">
       <ul>
           <li>
               <router-link to="/">
                    <div style="margin:0.5rem auto 0 auto;width:1.875rem;">
                         <svg width="30" height="30" viewBox="0 0 30 30">
                            <g class="transform-group">
                                <g transform="translate(0, 28.0) scale(1, -1) scale(0.03125, 0.03125)">
                                    <path d="M511.077 831.554c-249.022 0-448.65-201.686-448.65-448.65 0-246.959 201.686-446.586 446.591-446.586 249.017 0 450.703 199.624 450.703 446.586-0 246.964-201.685 448.65-448.644 448.65v0zM509.019-1.942c-211.979 0-384.852 172.872-384.852 384.846 0 214.037 172.873 386.911 386.911 386.911 214.033 0 386.905-174.932 386.905-386.911-0.001-211.974-174.932-384.846-388.964-384.846v0zM762.152 636.043c-8.23 10.292-22.639 12.345-34.985 6.176l-310.761-146.122c-6.176-2.060-12.35-8.23-14.404-14.405l-150.24-314.878c-6.171-12.346-4.112-26.75 6.176-34.985 6.176-6.176 14.404-8.234 22.638-8.234 4.117 0 8.234 2.059 12.35 4.117l308.703 148.176c6.172 2.059 10.288 8.234 14.405 14.409l152.294 312.817c6.176 8.234 4.117 22.638-6.176 32.93v0zM511.077 321.165c-34.99 0-61.744 26.755-61.744 61.739 0 34.99 26.754 61.744 61.744 61.744 32.925 0 61.739-26.754 61.739-61.744 0-34.983-28.814-61.739-61.739-61.739v0zM511.077 321.165z" fill="#737383"></path>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <p style="text-align: center;">发现</p>
               </router-link>
           </li>
           <li>
                <router-link to="/books">
                    <div style="margin:0.5rem auto 0 auto;width:1.875rem;">
                    <svg width="30" height="30" viewBox="0 0 30 30">
                        <g class="transform-group">
                        <g transform="translate(0, 28.0) scale(1, -1) scale(0.03125, 0.03125)">
                            <path d="M804.183 242.227h-742.768v-49.398c49.556-12.579 86.255-57.308 86.255-110.767 0-53.44-36.703-98.196-86.255-110.763v-49.421h742.768c88.462 0 160.165 71.718 160.165 160.165s-71.718 160.165-160.165 160.165zM804.183-35.869h-667.884c33.229 28.99 53.591 71.504 53.591 117.917 0 46.405-20.375 88.931-53.59 117.917h667.867c65.039 0 117.917-52.906 117.917-117.917s-52.906-117.917-117.917-117.917zM964.37 618.785v49.398h-742.768c-88.462 0-160.165-71.718-160.165-160.165s71.718-160.165 160.165-160.165h742.768v49.421c-49.556 12.579-86.255 57.319-86.255 110.763 0 53.462 36.703 98.206 86.255 110.767zM835.869 508.033c0-46.405 20.375-88.935 53.591-117.917h-667.884c-65.039 0-117.917 52.906-117.917 117.917s52.906 117.917 117.917 117.917h667.867c-33.229-28.99-53.59-71.533-53.59-117.917z" fill="#737383"></path>
                        </g>
                        </g>
                    </svg>
                    </div>
                    <p style="text-align: center;">书架</p>
               </router-link>
           </li>
           <li>
                <router-link to="/idea">
                    <div style="margin:0.5rem auto 0 auto;width:1.875rem;">
                    <svg width="30" height="30" viewBox="0 0 30 30">
                        <g class="transform-group">
                        <g transform="translate(0, 28.0) scale(1, -1) scale(0.03125, 0.03125)">
                            <path d="M94.297666 809.978834l0.346901-633.856325 54.586223 0-0.002047 3.620457 81.880869 0 0-188.533934 10.30367 0-10.30367-17.226337 54.586223 0 127.824247 213.70522 0-11.066033 516.181229 0L929.701311 809.978834 94.297666 809.978834zM875.116111 234.378308 413.521105 234.378308l0-0.502443-26.959002 0-100.865245-168.633698L285.696858 233.609805 149.195997 233.609805l-0.313132 518.610558 726.232223 0L875.115088 234.378308zM776.623913 611.145323 285.348933 611.145323l0-53.867862 491.27498 0L776.623913 611.145323zM612.865245 475.63707 285.348933 475.63707l0-53.868885 327.516312 0L612.865245 475.63707z" fill="#737383"></path>
                        </g>
                        </g>
                    </svg>
                    </div>
                    <p style="text-align: center;">想法</p>
               </router-link>
           </li>
           <li>
               <router-link to="/me">
                    <div style="margin:0.5rem auto 0 auto;width:1.875rem;">
                    <svg width="30" height="30" viewBox="0 0 30 30">
                        <g class="transform-group">
                        <g transform="translate(0, 28.0) scale(1, -1) scale(0.03125, 0.03125)">
                            <path d="M610.30845 257.883787c74.463926 36.521798 125.751065 113.194038 125.751065 201.880917 0 124.065643-100.355657 224.645386-224.141894 224.645386-123.801586 0-224.159291-100.580766-224.159291-224.645386 0-88.687902 51.289185-165.359119 125.759251-201.880917C275.836324 215.714362 175.68943 87.383578 175.68943-64.405477c0-10.332323 8.354614-18.712177 18.679173-18.712177 10.321489 0 18.676103 8.379854 18.676103 18.712177 0 165.42154 133.793558 299.530934 298.872914 299.530934 165.043539 0 298.855517-134.109394 298.855517-299.530934 0-10.332323 8.354614-18.712177 18.677127-18.712177 10.310232 0 18.679173 8.379854 18.679173 18.712177C848.129438 87.384601 747.98152 215.715385 610.30845 257.883787zM324.933497 459.764704c0 103.492072 83.716017 187.385784 186.984123 187.385784 103.251733 0 186.952399-83.893712 186.952399-187.385784 0-103.483886-83.699643-187.385784-186.952399-187.385784C408.649514 272.378919 324.933497 356.279794 324.933497 459.764704z" fill="#737383"></path>
                        </g>
                        </g>
                    </svg>
                    </div>
                    <p style="text-align: center;">我</p>
               </router-link>
           </li>
       </ul>
    </footer>
</div>

</template>
<script>

export default {
    name:'Index',
    methods:{
       
    },
    mounted () {
        
    }
}

</script>